@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


/**/
.guide{height:791px;background:#F7F7F7;}
.gui{padding-top:51px;}
.gui h2{text-align: center;font-size: 50px; height:91px; line-height: 91px; color:#000000; font-weight: normal;margin-bottom: 15px;}
.gui .desc{text-align: left; line-height: 28px;font-size: 15px; color:#060001; margin:0 auto 32px; text-indent:2em; width:1200px;letter-spacing: 1px; text-transform: uppercase; }
.gui .bo{display: block; height:358px; line-height: 0; margin-bottom: 47px;cursor: pointer;}
.gui .bo img{height: 358px;}
.modal-backdrop {display: none;position: fixed !important;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background-color: rgba(0, 0, 0, 0.5);}
.modal-backdrop .vd {width: 800px;height: 400px;background: #FFF;position: absolute;left: 44%;top: 0;margin-left: -300px;margin-top: -200px;}
.modal-backdrop .vd .close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;font-size: 20px;text-align: center;line-height: 50px;color: #333;background: #FFF;border-radius: 50%;cursor: pointer;}
.gui ul li{float:left; width:170px; margin-left:85px; }
.gui ul li:first-child{margin-left: 0;}
.gui ul li span{display: block;height:45px; line-height: 45px; }
.gui ul li span em{display: inline-block;font-size: 42px; color:#000000; line-height: 45px;letter-spacing: -3px;font-weight:bold}
.gui ul li span i{display: inline-block;width:18px;height:18px; border:1px solid #000000; border-radius: 3px; text-align: center; line-height: 18px; vertical-align: top;font-size: 17px; color:#000000; font-family: "思源黑体 CN";margin: 6px 0 0 8px; }
.gui ul li p{height:25px; line-height: 25px; font-size: 16px; color:#000000;}
.gui ul li:nth-child(3) span i{font-size: 14px;}
.gui ul li:last-child{width:178px;}
.gui ul li:hover span em{color:#003399;}
.gui ul li:hover span i{color:#003399; border:1px solid #003399;}
.gui ul li:hover p{color:#003399;}
/**/
.product{height: 930px;}
.pro{padding-top:69px; }
.pro h2{text-align: center; margin-bottom: 36px;}
.pro h2 span{display: block; height:71px; line-height: 71px;font-size: 50px; color:#000000; font-weight: normal;}
 
.pro h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:#000000; font-weight: normal;letter-spacing: 6px;}

.pro .pro-nav{width:270px; float:left;}
.pro .pro-nav .pro-tit{height:102px; background:#003399;text-align: center;}
.pro .pro-nav .pro-tit a{display: block;height:102px;padding-top:24px; box-sizing: border-box;}
.pro .pro-nav .pro-tit h3{height:36px; line-height: 36px;font-size: 30px; color:#FFFFFF; font-weight: bold;}
.pro .pro-nav .pro-tit em{display: block; height:20px; line-height: 20px;font-size: 18px; color:rgba(255,255,255,0.35); font-family: "Impact"; text-transform: uppercase;letter-spacing: 2px;}

.pro .pro-nav .pro-con{height:424px; box-sizing: border-box;}
.pro .pro-nav .pro-con h3{height:90px;margin-bottom: 16px;  background:#FED201;line-height: 90px;border-radius:0;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.2);text-align:center;}
.pro .pro-nav .pro-con h3 a{font-size: 30px;  color:#000000;}
.pro .pro-nav .pro-con h3.cur{ background:#FED201;}
.pro .pro-nav .pro-con h3:hover{background:#E2E2E2 ;;}
.pro .pro-nav .pro-con ul{margin-bottom: 11px;}
.pro .pro-nav .pro-con ul li{height:39px; line-height: 39px; border-bottom:1px dashed #d1d0d0;padding-left:28px; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .pro-nav .pro-con ul li a{display: block;padding-left:22px; font-size: 16px; color:#000000;background:url(../images/pro-jt1.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .pro-nav .pro-con ul li:last-child{border-bottom:0;}
.pro .pro-nav .pro-con ul li:hover{background:url(../images/pro-jt2.png) no-repeat right;}

.pro .pro-nav .pro-bot{height:151px; background:url(../images/pro-lxbj.jpg) no-repeat center;padding:32px 0 0 48px; box-sizing: border-box;}
.pro .pro-nav .pro-bot i{display: block; width:145px; height:29px;margin-bottom: 9px;}
.pro .pro-nav .pro-bot i img{width:100%;}
.pro .pro-nav .pro-bot span{display: block; }
.pro .pro-nav .pro-bot span em{display: block; height:23px; line-height: 23px; font-size: 16px; color:#FFFFFF;}
.pro .pro-nav .pro-bot span p{height:30px; line-height: 30px;font-size: 30px; color:#FFFFFF; font-family: "Impact"}
.pro .pro-box{width:897px; float:right;height:458px !important;}
.pro .pro-box .pro-rig .pro-rig-top{width:897px; height:433px; position: relative; margin-bottom: 25px;}
.pro .pro-box .pro-rig .pro-rig-top span{display: block;width:897px; height:433px; overflow: hidden;}
.pro .pro-box .pro-rig .pro-rig-top span img{width: 100%;}
.pro .pro-box .pro-rig .pro-rig-top .top-wa{width:410px; position: absolute; top:176px;right:0;}
.pro .pro-box .pro-rig .pro-rig-top .top-wa i{display: block;line-height: 38px;font-size: 41px; color:#000000; font-family: "Impact";margin-bottom: 13px; text-transform: uppercase;letter-spacing: 1px;}
.pro .pro-box .pro-rig .pro-rig-top .top-wa strong{display: block;height:38px; line-height: 38px;font-size: 20px; color:#000000; font-weight: bold;}
.pro .pro-box .pro-rig .pro-rig-top .top-wa strong em{font-family: "Impact"; margin-left: 8px; text-transform: uppercase;letter-spacing: 1px;}
.pro .pro-box .pro-rig .pro-rig-top .top-wa p{font-size: 16px; color:#000000;height:35px; line-height: 35px;}
.pro .pro-rig{width:897px;float:right;}
.pro .bd{overflow: hidden;}
.pro .bd ul li{float:left;width:289px; margin-right: 15px;}
.pro .bd ul li span{display: block; width:287px; height:157px; border:1px solid #e1e1e1; line-height: 0; overflow: hidden;}
.pro .bd ul li span img{width:100%; transition: 1s;}
.pro .bd ul li em{display: block; height:60px; line-height: 60px; background:#F7F7F7; font-size: 20px; color:#000000; padding-left:15px; background:#F7F7F7 url(../images/pro-jt3.png) no-repeat 90%;}
.pro .bd ul li:last-child{margin-right: 0;}
.pro .bd ul li:hover span{border:1px solid #FED201;}
.pro .bd ul li:hover em{background:#FED201 url(../images/pro-jt3.png) no-repeat 90%;}
.pro .pro-box .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.super{height:963px;background:#F7F7F7 url(../images/super.jpg) no-repeat bottom center;padding-top:58px; box-sizing: border-box;}
.super h2{text-align: center; margin-bottom: 102px;}
.super h2 span{display: block; height:67px; line-height: 67px;font-size: 50px; color:#000000; font-weight: normal;letter-spacing: 2px;}
.super h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:#000000; font-weight: normal;letter-spacing: 6px;}

.guide h2{text-align: center; margin-bottom: 42px;}
.guide h2 span{display: block; height:67px; line-height: 67px;font-size: 50px; color:#000000; font-weight: normal;letter-spacing: 2px;}
.guide h2 em{display: block; height:38px; line-height: 38px;font-size: 20px; color:#000000; font-weight: normal;letter-spacing: 6px;}

.super .sup-left{width:330px; float:left;margin-left: -55px;padding-top:37px; }
.super .sup-left .sup-tit{width:249px; height: 168px; margin-bottom: 52px;}
.super .sup-left .sup-tit img{width:249px;height:168px;}
.super .sup-left .sup-desc span{display: block; line-height: 44px; font-size: 35px; color:#FFFFFF; font-weight: bold;}
.super .sup-left .sup-desc span em{display: block;color:#FDCB02;text-indent:2em;}
.super .sup-left .sup-desc b{ margin-top:30px;display: block;  line-height: 26px;font-weight: normal;margin-bottom: 53px;}
.super .sup-left .sup-desc i{display: block;width:250px;border-top:1px solid rgba(0,174,199,0.2);padding-top:39px;font-size: 8px; color:rgba(255,255,255,0.3); text-transform: uppercase;}
.super .sup-rig{width:912px; height:628px; background:#FFF;float:right;padding:61px 75px 0 91px; box-sizing: border-box;}
.super .sup-rig ul li{float:left;width:333px; margin-bottom: 44px;}
.super .sup-rig ul li:nth-child(2n){float:right;}
.super .sup-rig ul li dl dt{width:324px;height: 107px; line-height: 0; overflow: hidden;margin:0 auto;}
.super .sup-rig ul li dl dt img{width:100%; transition: 1s;}
.super .sup-rig ul li dl dd{padding-top:22px;}
.super .sup-rig ul li dl dd h4{height:40px; line-height: 40px;font-size: 28px; color:#282828; font-weight: bold; text-align: center;}
.super .sup-rig ul li dl dd p{line-height: 27px; text-align: center;font-size: 14px;color:#282828; }
.super .sup-rig ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.case{height:1110px;padding-top:76px; box-sizing: border-box;}
.case h2{text-align: center; margin-bottom: 27px;}
.case h2 span{display: block; height:67px; line-height: 67px;font-size: 50px; color:#000000; font-weight: normal;}
.case h2 em{display: block;height:38px; line-height: 38px; font-size: 20px; color:#000000; font-weight: normal;}
.case .hdt{height:79px;border-top:1px solid #b2b2b2;}
.case .hdt ul{width: 1200px; margin:0 auto;}
.case .hdt ul li{float:left;width:240px; height:79px;}
.case .hdt ul li a{display: block; padding-left:45px;}
.case .hdt ul li i{display: block; width:65px; height:79px; float:left;}
.case .hdt ul li .cas-icon1{background:url(../images/cas-icon1.png) no-repeat center;}
.case .hdt ul li .cas-icon2{background:url(../images/cas-icon2.png) no-repeat center;}
.case .hdt ul li .cas-icon3{background:url(../images/cas-icon3.png) no-repeat center;}
.case .hdt ul li .cas-icon4{background:url(../images/cas-icon4.png) no-repeat center;}
.case .hdt ul li .cas-icon5{background:url(../images/cas-icon5.png) no-repeat center;}
.case .hdt ul li em{display: inline-block; height:79px; line-height: 79px;font-size: 22px; color:#060001;}
.case .hdt ul li.cur .cas-icon1{background:url(../images/cas-icon1_h.png) no-repeat center;}
.case .hdt ul li.cur .cas-icon2{background:url(../images/cas-icon2_h.png) no-repeat center;}
.case .hdt ul li.cur .cas-icon3{background:url(../images/cas-icon3_h.png) no-repeat center;}
.case .hdt ul li.cur .cas-icon4{background:url(../images/cas-icon4_h.png) no-repeat center;}
.case .hdt ul li.cur .cas-icon5{background:url(../images/cas-icon5_h.png) no-repeat center;}
.case .case_con{margin: 0 auto;width:1200px; position: relative;}
.case .case_con dl{width: 1200px;height: 650px;position: relative;margin:0 17px;transition: .5s;}
.case .case_con dl dt{width: 1200px;height: 626px;line-height: 0;overflow: hidden;}
.case .case_con dl dt img{width: 1200px;height: 626px;}
.case .case_con dl dd{width: 1000px;height: 166px;position: absolute;bottom: 0;left: 93px;background: #FFF;padding: 13px 0 0 58px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: none; }
.case .case_con dl dd h4{display: block;height:68px; line-height: 68px; position: relative;}
.case .case_con dl dd h4:before{width:111px; height:2px; background:#646464;content:""; position: absolute; left:0; bottom:0;}
.case .case_con dl dd h4 a{font-size: 22px; color:#000000; font-weight: normal;}
.case .case_con dl dd p{float:left;font-size: 14px; color:#444444;line-height: 60px;}
.case .case_con .tempWrap {overflow: visible !important; margin-left: -17px;}
.case .case_con dl.cur dt{box-shadow: 0px 0px 10px #333333;}
.case .case_con dl.cur dd {display: block;}
.case .case_con .pnBtn{position: absolute;z-index: 1;top: 0;width: 100%;height: 626px;}
.case .case_con .prev1{left:-50%;margin-left: -634px;}
.case .case_con .next1{left: 50%;margin-left: 635px;}
.case .case_con .pnBtn .cas-prev{width:104px; height:104px;background:url(../images/cas-prev.png) no-repeat center; position: absolute; top:234px; right:-138px; cursor: pointer;}
.case .case_con .pnBtn .cas-next{width:104px; height:104px;background:url(../images/cas-next.png) no-repeat center; position: absolute; top:234px; left:-138px; cursor: pointer;}
.case .cas-lop{height:140px;overflow: hidden;width:1204px; margin:0 auto;}
.case .cas-lop ul li{float:left;width:206px;margin:20px 41px 20px 0;border:1px solid #e4e4e4; transition: .5s;}
.case .cas-lop ul li img{width:100%;}
.case .cas-lop ul li:hover{border:1px solid #FED201;box-shadow:0px 4px 27px 0px rgba(0, 0, 0, 0.14);}

/**/
.adv{height:950px;padding-top:34px; box-sizing: border-box;}
.adv h2{text-align: center;margin-bottom: 25px;}
.adv h2 span{display: block;font-size: 50px;color:#000000; height:67px; line-height: 67px; font-weight: normal;letter-spacing: 2px;}
.adv h2 em{display: block; height:39px; line-height: 39px;font-size: 20px; color:#000000; font-weight: normal;letter-spacing: 6px;}
.adv .adv-nav{height:74px; border-top:1px solid #bdbdbd;}
.adv .adv-nav ul{ width:1360px;margin:0 auto; padding-left:10px; box-sizing: border-box;}
/*.adv .adv-nav ul{width:1200px; margin:0 auto; padding-left:66px; box-sizing: border-box;}*/
.adv .adv-nav ul li{float:left; width:140px; line-height: 73px;  margin: -2px 10px 0 0 ; transition: .5s; position: relative;padding-top:3px;}
.adv .adv-nav ul li:before{width: 0; height:3px; background:#fed201; content:""; position: absolute; left:0;top:0;transition: .5s;}
.adv .adv-nav ul li i{display: block;width:30px; height: 28px; margin:23px 7px 0 15px;float:left; overflow: hidden;}
.adv .adv-nav ul li i img{transition: .5s;}
.adv .adv-nav ul li span{display: inline-block; height:73px; line-height: 1.8;font-size: 20px; color:#000000;}
.adv .adv-nav ul li.cur:before{width:100%;}
.adv .adv-nav ul li.cur i img{margin-top: -28px;}
.adv .adv-nav ul li.cur span{font-weight: bold;color:#003399;}
.adv .adv-con{height:400px; padding-top:337px; box-sizing: border-box;}
.adv .adv-con.adv1{background:url(../images/adv-pic1.jpg) no-repeat top center;}
.adv .adv-con.adv2{background:url(../images/adv-pic2.jpg) no-repeat top center;}
.adv .adv-con.adv3{background:url(../images/adv-pic3.jpg) no-repeat top center;}
.adv .adv-con.adv4{background:url(../images/adv-pic4.jpg) no-repeat top center;}
.adv .adv-con.adv5{background:url(../images/adv-pic5.jpg) no-repeat top center;}
.adv .adv-con.adv6{background:url(../images/adv-pic6.jpg) no-repeat top center;}
.adv .adv-con dl{width:1360px; margin:0 auto; height:180px;background:#FFF;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.adv .adv-con dl dt{width:365px; height:180px;background:#003399;padding:21px 0 0 56px; box-sizing: border-box;float:left;}
.adv .adv-con dl dt span{display: block;height:68px; line-height: 68px;font-size: 49px; color:#FFFFFF;margin-bottom: 5px;}
.adv .adv-con dl dt em{display: block;line-height: 25px; font-size: 16px; color:#FFFFFF;}
.adv .adv-con dl dd{width:834px;height:180px; float:left;padding:31px 0 0 62px; box-sizing: border-box;}
.adv .adv-con dl dd ul{padding-top:15px; position: relative;}
.adv .adv-con dl dd ul li{height:33px; line-height: 33px;padding-left:30px; position: relative;}
.adv .adv-con dl dd ul li:before{width:5px;height:5px;background:#fed201;content:"";position: absolute; left:0;top:14px;border-radius: 50%;}
.adv .adv-con dl dd ul:before{width:57px; height:2px;background:#fed201; content:""; position: absolute;top:0;left:31px;}

/**/
.news{height:760px;}
.new{padding-top:38px;}
.new h2{text-align: center; margin-bottom: 28px;}
.new h2 span{display: block;height:71px; line-height: 71px;font-size: 50px;color:#000000; font-weight: normal;letter-spacing: 2px;}
.new h2 em{display: block; height:42px; line-height: 42px;font-size: 20px; color:#000000; font-weight: normal;letter-spacing: 6px;}
.new .new-nav{width:648px; margin:0 auto 35px;}
.new .new-nav li{float:left;width:148px; height: 39px;text-align: center; line-height: 39px;border:1px solid #211D19;border-radius:19px;margin:0 25px;}
.new .new-nav li a{display: block; font-size: 22px; color:#000000;}
.new .new-nav li.cur,.new .new-nav li:hover{border:1px solid #00CBE7;}
.new .new-nav li.cur a,.new .new-nav li:hover a{color:#00CBE7; font-weight: bold;}
.new .new-top{height:374px;}
.new .new-top ul li{float:left;width:365px; margin-left: 52px;}
.new .new-top ul li:first-child{margin-left: 0;}
.new .new-top ul li dl dt{height:205px; line-height: 0; overflow: hidden; }
.new .new-top ul li dl dt img{width:100%;}
.new .new-top ul li dl dd h4{height: 55px; line-height: 55px;margin-bottom: 8px;}
.new .new-top ul li dl dd h4 a{font-size: 16px; color:#333333; font-weight: bold;}
.new .new-top ul li dl dd p{font-size: 14px; color:rgba(51,51,51,0.6);}
.new .new-bot{overflow: hidden;}
.new .new-bot ul li{float:left;width:365px; margin-right: 52px;}
.new .new-bot ul li span{display: block; height:28px; line-height: 28px;}
.new .new-bot ul li span em{height:28px; line-height: 28px;font-size: 12px; color:#333333; font-weight: bold;float:left; position: relative;padding-left:6px;}
.new .new-bot ul li span em:before{width:4px; height:2px; background:#7d7d7d; content:""; position: absolute; left:0;top:13px;}
.new .new-bot ul li span i{float:right; margin-right: 4px;height:28px; line-height: 28px;font-size:12px; color:#333333; }

/**/
.about{height:1175px; background:#F7F7F7;}
.abo{padding-top:48px;}
.abo h2{text-align: center; margin-bottom: 25px;}
.abo h2 span{display: block; height:71px; line-height: 71px;font-size: 50px; color:#000000; font-weight: normal;letter-spacing: 5px;}
.abo h2 em{display: block; height:44px; line-height: 44px; font-size: 20px; color:#333333; font-weight: normal;}
.abo .abo-bj{height:467px; background:url(../images/ab-bj.jpg) no-repeat center;}
.abo .abo-bj .abo-con{padding-top:466px;}
.abo .abo-bj .abo-con .abo-tit{height:180px;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.1); padding-top:28px; box-sizing: border-box; background: #FFF;margin-bottom: 37px;}
.abo .abo-bj .abo-con .abo-tit h4{height:50px; line-height: 50px; text-align: center;margin-bottom: 8px;}
.abo .abo-bj .abo-con .abo-tit h4 a{font-size: 22px; color:#272727; font-weight: normal;}
.abo .abo-bj .abo-con .abo-tit p{font-size: 14px; color:rgba(39,39,39,0.6); line-height: 26px;text-align: center; width:1071px; margin:0 auto;}
.abo .abo-bj .abo-con .abo-qh{height:230px;}
.abo .abo-bj .abo-con .abo-qh .hd{width:202px; float:left;}
.abo .abo-bj .abo-con .abo-qh .hd ul li{height:75px; background:#EBEBEB; margin-bottom: 2px;padding:19px 0 0 37px; box-sizing: border-box;position: relative;}
.abo .abo-bj .abo-con .abo-qh .hd ul li span{display: block; height:25px; line-height: 25px;font-size: 20px; color:#292D33;}
.abo .abo-bj .abo-con .abo-qh .hd ul li i{display: block; height:19px; line-height: 19px;font-size: 12px; color:rgba(41,45,51,0.25);}
.abo .abo-bj .abo-con .abo-qh .hd ul li.cur{border-left:4px solid #00aec7;background:#292D33;}
.abo .abo-bj .abo-con .abo-qh .hd ul li.cur span{color:#FFF;}
.abo .abo-bj .abo-con .abo-qh .hd ul li.cur i{color:rgba(255,255,255,0.25);}
.abo .abo-bj .abo-con .abo-qh .hd ul li:before{width:25px; height:25px;background:url(../images/abo-jt.png) no-repeat center; content:""; position: absolute;right:0;top:25px;opacity: 0; transition: .5s;}
.abo .abo-bj .abo-con .abo-qh .hd ul li.cur:before{right:-11px;opacity: 1;}
.abo .abo-bj .abo-con .abo-qh .abo-list{width:956px; overflow: hidden;float:right;}
 
 
 /*
.abo .abo-bj .abo-con .abo-qh .abo-list .bd1 ul li{float:left;width:176px !important;height: 222px; background:url(../images/abo-kk.jpg) no-repeat center; margin-right: 19px;padding:9px; box-sizing: border-box;}


*/
 
.abo .abo-bj .abo-con .abo-qh .abo-list ul li img{width:100%;}